/******= Reset =******/
section,article,aside,header,footer,nav,dialog,figure,legend{display:block;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,span,textarea,p,label,blockquote,th,td,figure,button{margin:0;padding:0;line-height: normal;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show; table-layout:fixed;}
table td{word-break:break-all;}
caption,th{text-align:left;}
ol,ul{list-style:none;}
img{display:block;border:0;vertical-align:middle;max-width:100%;height:auto;width:auto\9;/* ie8 */}
*:focus{outline:0;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-box-sizing:border-box;box-sizing:border-box}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
audio:not([controls]){display:none;}[hidden]{display:none;}
input[type=button]{-webkit-appearance:none;outline:none}
::-webkit-input-placeholder{color:#acacac;}
:-moz-placeholder{color:#acacac;}
::-moz-placeholder{color:#acacac;}

/******= Typography =******/
html,body{height:100%;}
html{outline:0;font-family:PingFang-SC-Regular,rial,Helvetica,sans-serif!important;}
body{color:#444;background:#ebeff2;-webkit-user-select: text;-webkit-text-size-adjust:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

/******= Common style =******/
.clearfix{zoom:1;}
.clearfix:after{content:".";display:block;clear:both;height:0;overflow:hidden;visibility:hidden;}
.clear{clear:both;height:1px;margin-top:-1px;overflow:hidden;}
input.button,button{cursor:pointer;overflow:visible;/*Fix IE lt 8 bug*/}
textarea{overflow:auto;/*Hide the scrollbar for IE*/}
label[for]{cursor:pointer;}
a{color: #000;}
a{text-decoration:none;}
a:hover,a:active{text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.show{display:block;}
.main{position:relative;min-width:320px;max-width:640px;height:100%;margin:0 auto;overflow:hidden;font-size:.8rem;background-color: #fff2f2;-webkit-overflow-scrolling : touch;}

.blur {
    filter: url(http://wx.qlogo.cn/mmopen/kib63jNQppzAKMtrs9xbkw5BRwKrFcZpWCH4a6O95ZDx9HV4kiazKnWiaNAicuGHxicKFr5AFTUE7ia78Xcp8gLApaabQdahicMvzu3/0#blur); /* FireFox, Chrome, Opera */

    -webkit-filter: blur(10px); /* Chrome, Opera */
    -moz-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);

    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}

.hairline-bottom:after {
    top: auto;
    bottom: 0;
    transform-origin: 0 100%;
    -webkit-transform-origin: 0 100%;
    transform: scaleY(.5);
    -webkit-transform: scaleY(.5);
}

.hairline-bottom:after, .hairline-top:before {
    content: "";
    position: absolute;
    background-color: #d9d9d9;
    display: block;
    left: 0;
    right: auto;
    height: 1px;
    width: 100%;
}

.single-line{
    margin: .2rem auto;
    height: 1px;
    width:100%;
    background: #d9d9d9;
    overflow: hidden;
    -webkit-transform: scaleY(0.2);
}
/******= user =******/
.weui-search-bar, .user-list {
    /*background-color: #ebebeb!important;*/
}

.search-bar input::-webkit-input-placeholder{
    color: #FFFAEA!important;
}

.search-bar {
    background: url("../img/friends-top-bg.png") no-repeat 100%;
    background-size: cover;
    height: 2.88rem;
    padding: 0 .94rem;
    align-items: center;-webkit-align-items: center;
    justify-content: center;-webkit-justify-content: center;
    color: #fff;
}

.search-bar select {
    height: 2rem;
    flex: 1;-webkit-flex: 1;
    max-width: 6.6rem;
    background-color: rgba(212, 22, 56, .5)!important;
    border: none!important;
    border-radius: 1rem;
    color: #fff;
    text-indent: .3rem;
}

.search-bar .input-block {
    height: 1.94rem;
    flex: 1;-webkit-flex: 1;
    background-color: rgba(212, 22, 56, .5);
    border-radius: .97rem;
    align-items: center;-webkit-align-items: center;
    justify-content: space-between;-webkit-justify-content: space-between;
}

.search-bar .input-block img {
    width: .94rem;
    height: .94rem;
}

.search-bar .input-block img:first-child {
    margin-left: 1rem;
}

.search-bar .input-block img:last-child {
    margin-right: 1rem;
}

.search-bar .input-block input {
    background: none;
    border: none;
    /*margin: 0 .46rem;*/
    color: #FFFAEA;
    text-indent: .6rem;
}

.weui-search-bar__label span {
    font-size: .8rem;
    padding-top: .2rem;
}
/*

.user-header {
    position: relative;
    width: 100%;
    !*height: 1.5em;*!
    !*border-bottom: 1px solid red;*!
    padding: .8rem;
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.user-header .bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100% auto;
    background-position: center;
    z-index: -1;
}

.user-header .header {
    width: 4rem;
    height: 4rem;
    !*border-radius: 50%;*!
}

.user-header .info-block {
    height: 100%;
    font-size: 1rem;
    margin-left: .6rem;
}

.user-header .info-block > div {
    height: 2rem;
    line-height: 2rem;
}

.user-header .info-block > div .username {
    border: none;
    background: none;
    border-radius: .32rem;
    padding-left: .4rem;
    margin-right: .2rem;
    width: 8rem;
    font-size: 1rem;
}

.user-header .info-block > div .weui-switch {
    margin-top: .2rem;
}
*/

.user-header {
    position: relative;
    width: 95%;
    margin: 0 auto;
    /*padding: .8rem;*/
    overflow: hidden;
    color: #fff;
    font-size: .88rem;
    line-height: 1.56rem;
    margin-top: 3.2rem;
}

.user-header .weui-cells {
    background: none;
}

.user-header .weui-cell::before, .user-header .weui-cells::after, .user-header .weui-cells::before {
    border: none;
}


.user-header .header {
    height: 7rem;
    padding: 0 .3rem .3rem 0;
}

.icon-arrow {
    width: 1rem;
    float: right;
    margin-left: .3rem;
}

.user-header .username {
    max-width: 5.5rem;
    border: none;
    background-color: #fff;
}

.user-header .weui-label {
    max-width: 5rem;
}

.user-options {

}

.user-options .weui-label {
    margin-right: .8rem;
}

.weui-select {
    line-height: normal!important;
    height: auto;
}

.stature .weui-input, .area .weui-select {
    width: 80px;
    border-bottom: 1px solid;
    text-indent: .2rem;
}

.bottom-btn {
    text-align: center;
    margin-top: 1rem;
    padding-bottom: 1rem;
}

.bottom-btn a {
    width: 80%;
}

.info-title {
    font-size: .82rem;
    padding: 0 .8rem;
    width: 100%;
    z-index: 5000;
    color: #fff;
    align-items: center;-webkit-align-items: center;
    margin-top: 3rem;
    margin-bottom: .2rem;
}

.info-title > div {
}

.weui-tab__panel {
    overflow: hidden;
}

.info-title .weui-flex {
    justify-content: center;-webkit-justify-content: center;
}

.tab-content {
    height: 100%;
    overflow-y: auto;
    padding-bottom: 1rem;
}

.weui-tab {
    position: static;
    font-size: 1rem;
}

.question-list {
    text-align: center;
    color: #FF6C63;
    padding-bottom: 1rem;
}

.question-item-option:after {
    background-color: #FFE6E8;
}

.question-item-option label, .question-item-option div {
    min-width: 4rem;
    display: flex;display: -webkit-flex;
    justify-content: center;-webkit-justify-content: center;
    align-items: center;-webkit-align-items: center;
}

.question-item-option div .weui-agree__checkbox {
    top: 0;
}

.question-item-option {
    position: relative;
    padding: .5rem 0;
}

.question-item-title {
    /*font-weight: bold;*/
    font-size: .9rem;
    color: #8B4A08;
    padding: 0.6rem;
}

.question-item {
    width: 95%;
    margin: .56rem auto;
    background: #fff;
    border-radius: .3rem;
    padding: 0 .4rem;
}

.weui-navbar__item {
    padding: 8px 0;
}

/******= marry =******/
.filter-bar {
    font-size: .88rem;
    background-color: #ebebeb;
    color: #fff;
}

.filter-bar > div {
    padding: .4rem;
}

.filter-btn {
    width: 4rem;
    margin-left: .5rem;
    height: 2rem;
    background-color: #33E692;
    border: none;
    border-radius: 1rem;
    color: #fff;
}

.filter-bar input {
    height: 2rem;
    line-height: 2rem;
    min-width: 11rem;
    padding-left: .2rem;
}

.filter-bar .weui-select {
    /*background-color: #fff;*/
    /*border-radius: 3px;*/
    /*border: 1px solid #ccc;*/
    /*height: 1.8rem;*/
    /*flex: 1.9;-webkit-flex: 1.9;*/
    /*max-width: none;*/
}

.marry-title {
    position: relative;
    height: 2.6rem;
    width: 100%;
    background: #fff;
    font-size: .75rem;
    line-height: 2rem;
    /*border-bottom: 1px solid #fdf2f2;*/
}

.marry-title > div:nth-child(1) {
    padding-left: .68rem;
    line-height: 2.6rem;
    color: #424242;
}

.marry-title > div:nth-child(1) span {
    color: #FC3254;
}

.marry-title .right-title {
    width: 10rem;
    text-align: center;
    color: #C0C4CF;
    line-height: 2.6rem;
    margin-right: .94rem;
}

.marry-title .right-title div{
    display: flex;display: -webkit-flex;
    align-items: center;-webkit-align-items: center;
    justify-content: center;-webkit-justify-content: center;
}

.marry-title .right-title > div:nth-child(2) {
    color: #FEB502;
}

.marry-body {
    height: 100%;
}

.user-list, .search-user-list {
    height: 100%;
    padding-bottom: 5.48rem;
    overflow-y: scroll;
    overflow-x: hidden;
}

.loading {
    height: 30px;
    text-align: center;
    line-height: 30px;
}

.user-item {
    position: relative;
    width: 100%;
    height: 5.62rem;
    padding: .94rem;
    /*margin: 1.5%;*/
    background: white;
    /*border-radius: 5px;*/
    /*border-left: 4px solid #10aeff;*/
    line-height: 1.2rem;
    align-items: center;-webkit-align-items: center;
}

.user-item .unread-flag {
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: red;
    border-radius: 50%;
    top: 1rem;
    left: 4.3rem;
}

.user-item img {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
}

.user-item .right-block {
    position: relative;
    height: 4rem;
    font-size: .82rem;
    color: #999;
    padding-left: .62rem;
    flex-wrap: wrap;-webkit-flex-wrap: wrap;
    justify-content: space-between;-webkit-justify-content: space-between;
    overflow: hidden;
}

.right-block .username {
    font-size: .88rem;
    height: 1rem;
    flex: 1;-webkit-flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #424242;
}

.right-block .user-attr {
    font-size: .75rem;
    width: 100%;
    color: #FE1144;
    height: 1rem;
    margin: .4rem 0;
}

.right-block .user-attr span {
    height: 1rem;
}

.right-block .user-attr .item {
    border: .5px solid #FE1144;
    border-radius: 0.06rem;
    padding: 0 .28rem;
    margin-right: .38rem;
    display: flex;display: -webkit-flex;
    align-items: center;-webkit-align-items: center;
}

.right-block .info-num {
    width: 68%;
    height: 1rem;
    line-height: 1rem;
    font-size: .82rem;
    color: #D0CDC6;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.hold-me .right-block .info-num {
    width: 45%;
}

.right-block .info-time {
    margin-right: .5rem;
}

.right-block .right-value {
    width: 10rem;
    height: .75rem;
    line-height: .75rem;
    text-align: center;
    font-size: .72rem;
    color: #C0C4CF;
}
/*
.right-block .right-value > div:nth-child(1) {
    color: #2cad0e;
}*/

.right-block .right-value > div:nth-child(2) {
    color: #FEB502;
}

/*.right-block .right-value > div:nth-child(3) {
    color: #dc3fe6;
}*/

.right-block .right-btns {
    position: absolute;
    bottom: 0;
    right: 0;
}

.right-block .right-btns button:first-child {
    margin-right: .5rem;
}

.weui-btn+.weui-btn {
    margin-top: 0;
}

.deliver-block {
    width: 100%;
    height: 5.75rem;
    padding: 0 1rem;
    padding-top: .6rem;
    /*background-color: #D4D4D4;*/
}

.deliver-input {
    position: relative;
}

.deliver-block .mb-submit-btn {
    width: 5.125rem;
    height: 2.88rem;
    font-size: 1rem;
    color: #fff;
    border-radius: .5rem;
    background-color: #FC3254;
    align-items: center;-webkit-align-items: center;
    justify-content: center;-webkit-justify-content: center;
}

.deliver-input textarea{
    height: 2.88rem;
    width: 16rem;
    border-radius: 5px;
    padding: .4rem;
    line-height: 1rem;
    border: .06rem solid #FC3254;
    font-size: .82rem;
}

.deliver-input textarea::-webkit-input-placeholder {
    color: #CFD1D1;
}

.deliver-input .message-length {
    position: absolute;
    right: 6.8rem;
    bottom: 0;
    font-size: .82rem;
    color: #CFD1D1;
}

.deliver-options {
    font-size: .82rem;
    height: 2.4rem;
    color: #8B4A08;
    align-items: center;-webkit-align-items: center;
    justify-content: space-between;-webkit-justify-content: space-between;
}

.deliver-options label {
    align-items: center;-webkit-align-items: center;
}

.deliver-options input {
    /*line-height: .4rem;*/
    width: 1rem;
    height: 1rem;
    vertical-align:middle;
    margin-right: .38rem;
    -webkit-appearance:none;outline:none;
    display: inline-block;
    border: .06rem solid #FC3254;
    border-radius: 50%;
}

.deliver-options input.checked {
    background-color: #FC3254;
}

.message-list {
    width: 100%;
    height: 100%;
    padding: .8rem;
    overflow: auto;
    padding-bottom: 7.6rem;
    background-color: #fff;
    -webkit-overflow-scrolling : touch;
}

.message-item {
    position: relative;
    width: 100%;
    padding: .7rem 0 .5rem 0;
}

.message-item:after {
    left: 1%;
    width: 98%;
}
/*

.message-item .message-content {
    position: relative;
    width: 100%;
    display: inline-block;
    float: left;
    min-height: 1rem;
}

.message-item .header-img {
    position: absolute;
    width: 1rem;
    height: 1rem;
}

.message-item .username {
    position: absolute;
    left: 1.2rem;
    top: .1rem;
    font-weight: 600;
    font-size: .26rem;
}

.message-item .created-time {
    position: absolute;
    right: 0;
    top: .1rem;
}

.message-item .message {
    position: absolute;
    left: 1.2rem;
    top: .6rem;
}

.message-item .message-btns {

}*/

.message-item .message-content {
    width: 100%;
}

.message-item .message-content .header-img {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    margin-right: .8rem;
}


.message-item .message-content .message-content-top {
    /*position: relative;*/
    flex-wrap: wrap;-webkit-flex-wrap: wrap;
    justify-content: space-between;-webkit-justify-content: space-between;
}

.message-item .message-content .username {
    /*position: absolute;*/
    /*top: .36rem;*/
    /*left: 0;*/
    font-size: .88rem;
    color: #121212;
    width: 50%;
}

.message-item .message-content .created-time {
    /*position: absolute;*/
    /*top: .38rem;*/
    /*right: 0;*/
    font-size: .75rem;
    color: #AFB2B2;
    width: 50%;
    text-align: right;
}

.message-item .message-content .message {
    /*position: absolute;*/
    /*top: 2rem;*/
    /*left: 0;*/
    font-size: .88rem;
    color: #2c2c2c;
    margin-top: .62rem;
}

.message-item .message-btns {
    width: 100%;
    color: #98908a;
    font-size: .82rem;
    justify-content: flex-end;-webkit-justify-content: flex-end;
    align-items: center;-webkit-align-items: center;
}

.message-item .message-btns .remove {
    color: #5c6e92;
}

.message-item .message-btns > div {
    height: 2rem;
    margin-right: .5rem;
    align-items: center;-webkit-align-items: center;
}

.message-item .message-btns > div:first-child {
    margin-right: 1.56rem;
}

.message-item .message-btns img {
    width: .88rem;
    height: .88rem;
    display: inline-block;
    margin-right: .4rem;
}

.comment-block {
    position: relative;
    width: 100%;
    height: 0;
    margin-top: .4rem;
    font-size: .88rem;
    align-items: center;-webkit-align-items: center;
    transition: height .3s ease-in-out;
    overflow: hidden;
}

.comment-block.show-input {
    height: 2rem;
}

.comment-block input {
    width: 16rem;
    height: 2rem;
    border: none;
    border-bottom: 1px solid #FC3254;
    padding-right: 3.6rem;
    text-indent: .5rem;
}

.comment-block .message-length {
    position: absolute;
    right: 6.4rem;
    color: #CFD1D1;
}

.comment-block input::-webkit-input-placeholder {
    color: #CFD1D1;
}

.deliver-btn {
    justify-content: center;-webkit-justify-content: center;
    align-items: center;-webkit-align-items: center;
}

.comment-block .deliver-btn {
    width: 6.25rem;
}

.deliver-block  .deliver-btn {
    margin-left: .62rem;
}

.comment-block .deliver-btn a {
    width: 3.8rem;
    height: 1.8rem;
    background-color: #FC3254;
    color: #fff;
    justify-content: center;-webkit-justify-content: center;
    align-items: center;-webkit-align-items: center;
    border-radius: .2rem;
}

.reply-block {
    width: 100%;
    font-size: .75rem;
    color: #2c2c2c;
}

.reply-block div {
    line-height: 1.5;
}

.reply-block .username {
    color: #FEA724;
}

.power-list {
    width: 100%;
}

.power-item {
    position: relative;
    width: 100%;
    padding: .75rem 1.56rem;
    border-bottom: 1px solid #ebebeb;
    background-color: #fff;
}

.power-item:last-child {
    border: none;
}

.power-item .power-title {
    color: #191919;
    line-height: 1.04rem;
    font-size: .875rem;
}

.power-item .power-title .share-btn, .power-item .power-title .rec-btn {
    position: absolute;
    right: .9375rem;
    top: .56rem;
    min-width: 2.7rem;
    height: 1.4rem;
    border-radius: .7rem;
    font-size: .75rem;
    color: #fff;
    border: none;
}

.power-item .power-title .share-btn {
    background-color: #FC3254;
}

.power-item .power-title .rec-btn {
    background-color: #FEA724;
}

.power-item .power-title .num {
    color: #fc3665;
}

.power-item .power-content {
    color: #AFB2B2;
    font-size: .75rem;
    margin-top: .5rem;
}


.recharge-list {
    width: 100%;
    padding: 4%;
    display: flex;display: -webkit-flex;
    flex-wrap: wrap;-webkit-flex-wrap: wrap;
    justify-content: space-between;-webkit-justify-content: space-between;
}

.recharge-list .recharge-item {
    width: 30%;
    height: 3.75rem;
    /*border: 1px solid #bbb;*/
    text-align: center;
    font-size: .9rem;
    margin-bottom: 1rem;
    background-color: #fff;
    border-radius: .375rem;
    flex-wrap: wrap;-webkit-flex-wrap: wrap;
    padding: .5rem;
    color: #FC3254;
}

.recharge-list .recharge-item.active {
    /*border: 1px solid #FF6000;*/
    background-color: #FC3254;
    color: #fff;
}

.recharge-list .recharge-item .label {
    width: 100%;
    font-size: 0.875rem;
}

.recharge-list .recharge-item .price {
    width: 100%;
    font-size: 1rem;
}

.recharge-btn {
    font-size: 1.06rem;
}

.recharge-btn,.rechage-remark-btn {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.rechage-remark-btn {
    font-size: .812rem;
    margin-top: .8rem;
    color: #9F8686;
}

.rechage-remark-btn a {
    color: #FF0000;
}

.rechage-remark {
    width: 90%;
    font-size: .8rem;
    margin-top: .8rem;
    background-color: #fff;
    padding: 1rem .5rem;
    border-radius: .3rem;
}

.add-friend-count {
    width: 100%;
    height: 4rem;
    text-align: center;
    line-height: 4rem;
    font-size:1rem;
    margin-top: 2rem;
    color: #191919;
}

.add-friend-count .num {
    color: #fc3254;
}

.weui-select {
    padding-left: 5px!important;
    max-width: 5.6rem;
    border-bottom: 1px solid;
    margin-right: .5rem;
    text-align: center;
}

.weui-cell {
    /*font-size: .82rem;*/
}

.user-header .weui-cell {
    height: 1.8rem;
}

.weui-search-bar__label {
    text-align: left;
}

.share-text {
    width: 100%;
    padding: 1.2rem 0;
    font-size: .94rem;
    color: #191919;
    text-align: center;
}

.share-text div {
    line-height: 1.9rem;
}

.share-text b {
    display: block;
    line-height: 1.9rem;
}

.share-text div {
    width: 96%;
    margin: 0 auto;
}

.share-text span {
    height: 1.25rem;
    background-color: #FC3254;
    width: 2.5rem;
    border-radius: 1.25rem;
    color: #fff;
    padding: .0625rem .125rem;
    font-size: 1rem;
}

.share-code {
    position: relative;
    width: 15rem;
    height: 15rem;
    margin: 0 auto;
    align-items: center;-webkit-align-items: center;
    justify-content: center;-webkit-justify-content: center;
    margin-bottom: 2rem;
}

.share-code::before {
    position: absolute;
    top: 0;
    left: 0;
    content: ' ';
    width: 2.5rem;
    height: 0;
    border-top: 1px solid #FC3254;
    transform: rotate(45deg);
    transform-origin: 0;
}

.share-code::after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: ' ';
    width: 2.5rem;
    height: 0;
    border-top: 1px solid #FC3254;
    transform: rotate(45deg);
    transform-origin: 100%;
}

.share-code img {
    width: 80%;
    height: 80%;
}

.share-remind, .share-code-end {
    width: 100%;
    font-size: .75rem;
    text-align: center;
}

.share-remind {
    padding: .2rem;
    font-size: .875rem;
}

.share-remind span {
    color: #FC3254;
    font-size: 1rem;
}

.weui-agree__checkbox {
    width: 20px;
    height: 20px;
}

.weui-agree__checkbox:checked:before {
    font-size: 20px;
}

.weui-check__label {
    position: relative;
    display: flex;display: -webkit-flex;
    align-items: center;-webkit-align-items: center;-webkit-align-items: center;-webkit-align-items: center;
    justify-content: center;-webkit-justify-content: center;
}

.weui-cells_radio .weui-check__label .weui-icon-checked {
    display: flex;display: -webkit-flex;
    align-items: center;-webkit-align-items: center;-webkit-align-items: center;-webkit-align-items: center;
    justify-content: center;-webkit-justify-content: center;
    width: 1rem;
    height: 1rem;
    content: ' ';
    border: 1px solid #FF6F4B;
    border-radius: 50%;
}

.weui-cells_radio .sex-block .weui-check__label {
    justify-content: flex-start;-webkit-justify-content: flex-start;
    margin-right: 1rem;
}

.can-search {
    /*height: 2rem;*/
}

.weui-cells_radio .weui-check:checked+.weui-icon-checked:before {
    display: none;
}

.weui-cells_radio .weui-check:checked+.weui-icon-checked {
    border: 1px solid #FF6F4B;
}

.base-info .weui-cells_radio .weui-check:checked+.weui-icon-checked:after {
    background-color: #fc3a56;
}

.base-info .weui-cells_radio .weui-check:checked+.weui-icon-checked, .base-info .weui-cells_radio .weui-check__label .weui-icon-checked {
    border-color: #fc3a56;
}

.weui-cells_radio .weui-check:checked+.weui-icon-checked:after {
    content: ' ';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #FF6F4B;
}

.weui-mask.loading-bg {
    background: #fff;
    z-index: 5001;
}

.weui-agree__checkbox:before, .weui-agree__checkbox:checked:before, .weui-agree__checkbox:disabled:before {
    color: #fff;
}

.weui-agree__checkbox:disabled {
    background-color: #fff;
}

.left-option .weui-agree__checkbox {
    border-color: #FF6F4B;
}

.left-option .weui-agree__checkbox:checked {
    background-color: #FF6F4B;
}

.right-option .weui-agree__checkbox {
    border-color: #fc3254;
}

.right-option .weui-agree__checkbox:checked {
    background-color: #fc3254;
}

.black-color {
    background-color: #ddd!important;
    color: #888;
    border-color: #bbb;
}

.hold-him-color {
    background-color: #CFCFCF!important;
}

.weui-btn_primary {
    /*background-color: #09bb07;*/
}

.introduction {
    position: relative;
}

.introduction input, .introduction div, .base-info .weui-input {
    height: 20px;
}

.base-info .weui-cell:not(.header-img) {
    height: 40px;
}

.count-length {
    position: absolute;
    right: 0;
    color: #D1CFD1;
}

.user-options.weui-cell label {
    width: 8rem
}

.sex-block.edit {
    justify-content: flex-start!important;-webkit-justify-content: flex-start!important;
}

.sex-block .weui-cell label {
    width: 2rem;
}

.user-header .weui-cell__bd, .user-header .weui-cell__bd input {
    text-align: right;
}

.user-header .weui-cells {
    margin-top: 0;
    font-size: .8rem!important;
}

.user-header .weui-cell:before {
    left: 0;
}

.user-header .weui-cell {
    padding: 5px;
}

.info-title .weui-switch, .tab-content .weui-switch {
    /*-webkit-transform: scale(.7);*/
    /*-moz-transform: scale(.7);*/
    /*-ms-transform: scale(.7);*/
    /*-o-transform: scale(.7);*/
    /*transform: scale(.7);*/
    width: 34px;
    height: 20px;
}

.info-title .weui-switch:after, .tab-content .weui-switch:after {
    width: 18px;
    height: 18px;
}

.info-title .weui-switch:before, .tab-content .weui-switch:before {
    width: 32px;
    height: 18px;
}

.info-title .weui-switch:checked:after, .tab-content .weui-switch:checked:after {
    transform: translateX(15px);
    -webkit-transform: translateX(15px);
}

.weui-search-bar__box .weui-search-bar__input {
    font-size: .82rem;
}

.weui-navbar__item, .tab-content {
    font-size: .82rem;
}

.bg-color {
    width: 100%;
    height: 100%;
    display: flex;display: -webkit-flex;
    align-items: center;-webkit-align-items: center;
    justify-content: center;-webkit-justify-content: center;
    background-color: rgba(0, 0, 0, 1);
}

.bg-color .add-img {
    width: 4rem;
    height: 4rem;
}

.cropper_block {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    text-align: center;
}

.cropper_block img {
    width: 100%;
    height: 100%;
}

.cropper_block button{
    bottom: 2rem;
}

.cropper-bg {
    background-color: rgba(0, 0, 0, 0.9);
    background-image: none!important;
}

.mi-code {
    position: relative;
    top: 0;
    left: 0;
}

.mi-code > .mi-code-no {
    display:-webkit-box;display: flex;display: -webkit-flex;
    justify-content: center;-webkit-justify-content: center;
    align-items: center;-webkit-align-items: center;
    flex-direction: column;
    -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    width: 15rem;
    height: 15rem;
    margin-left: auto;
    margin-right: auto;
    border: 1px dashed #FFFFFF;
    margin-top: 0.4rem;
}

.mi-code > .mi-code-no > img {
    width: 4rem;
    height: 4rem;
}

.mi-code > .mi-code-no > p {
    margin-top: 0.5rem;
    padding-left: 0.8rem;
    padding-right: 0.8rem;
    color: #FFFFFF;
    font-size: 0.3rem;
    text-align: center;
}

.mi-code-ok {
    width: 100%;
}

.mi-code-ok img {
    width: 100%;
}

.mi-code > div {
    border: 1px solid #ffffff;
    border-radius: 100px;
    width: 10rem;
    height: 2.4rem;
    display:-webkit-box;display: flex;display: -webkit-flex;
    justify-content: center;-webkit-justify-content: center;
    align-items: center;-webkit-align-items: center;
    font-size: 1rem;
    color: #ffffff;
    letter-spacing: 0px;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 1rem;*/
}


.mi-tag-bottom {
    width: 100%;
    height: 3rem;
    border-top: 1px solid #dbdbdb;
    position: fixed;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    display:-webkit-box;display: flex;display: -webkit-flex;
}

.mi-tag-bottom a {
    display:-webkit-box;display: flex;display: -webkit-flex;
    flex: 1;-webkit-flex: 1;
    height: 3rem;
    align-items: center;-webkit-align-items: center;
    background: #131313;
    color: #fff;
    letter-spacing: 0px;
}

.mi-tag-bottom a:nth-child(1) {
    justify-content: flex-start;-webkit-justify-content: flex-start;
    padding-left: 2rem;
}

.mi-tag-bottom a:nth-child(2) {
    justify-content: flex-end;-webkit-justify-content: flex-end;
    padding-right: 2rem;
}

.small-font {
    color: #FF878C;
}

.weui-navbar__item.weui-bar__item_on {
    background-color: #fffec0;
    color: #914800;
}

.weui-navbar__item {
    color: #039000;
}

.tab-content .weui-select, .tab-content .weui-cell__bd.weui-flex {
    /*height: 1.5rem;*/
    /*line-height: 1.5rem;*/
}

.more-button {
    padding: 0 .4rem;
    min-width: 2.68rem!important;
    border-radius: .69rem;
    height: 1.38rem;
    font-size: .82rem;
    border: none;
    color: #fff;
    background-color: #FC3254;
}

.ac-button {
    padding: 0 .4rem;
    min-width: 2.68rem!important;
    border-radius: .69rem;
    height: 1.38rem;
    font-size: .82rem;
    border: none;
    color: #fff;
}

.user-item .add-again {
    background-color: #FC3254;
}

.base-info .edit-btn {
    height: 2rem;
}

.weui-btn:after {
    border: none;
}

.weui-dialog, .weui-mask.weui-animate-fade-in, .weui-picker {
    z-index: 5002;
}

.user-tabs {
    position: absolute;
    top: 0;
    left: 2.5%;
    width: 95%;
    min-width:304px;
    max-width:608px;
    height: 2rem;
    border-radius: 1rem;
    overflow: hidden;
    align-items: center;-webkit-align-items: center;
    margin: .62rem auto;
}

.user-tabs+.weui-tab__panel {
    padding: 0;
}

.user-tabs:after, .info.weui-cells:after, .info.weui-cells:before {
    border: none;
}

.user-tabs .weui-navbar__item:last-child:after {
    display: block;
}

.base-info .weui-cell:first-child:before {
    border: none;
}

.base-info .weui-cell:before {
    border-color: #FFD1D4;
    right: 15px;
}

.user-tabs .weui-navbar__item {
    position: relative;
    height: 1.74rem;
    border-radius: .87rem;
    margin: 0 .1rem;
    color: #FC3755;
    font-size: .82rem;
    padding: 5.5px 0;
}

.user-tabs .weui-navbar__item.weui-bar__item_on {
    color: #fff;
    background-color: #FF6F4B;
}

.user-tabs .weui-navbar__item:before, .user-tabs .weui-navbar__item:after {
    position: absolute;
    content: " ";
    border: .14rem solid #fff;
    width: 0;
    border-radius: 50%;
    transform: scale(1);
    -webkit-transform: scale(1);
}

.user-tabs .weui-navbar__item:before {
    top: .75rem;
    left: .38rem;
    right: auto;
    bottom: auto;
}

.user-tabs .weui-navbar__item:after {
    top: .75rem;
    right: .38rem;
    left: auto;
    bottom: auto;
}

.info {
    background-color: #fff2f2;
    padding: .94rem;
    overflow: auto;
    /*height: 70%;*/
    margin-top: 0;
}

.info .weui-btn_primary {
    background-color: #fc3a56;
}

.info .weui-btn_primary:hover {
    background-color: #FF878C;
}

.tab-content {
    background-color: #fff2f2;
}

.base-info {
    border-radius: .62rem;
    color: #171717;
    font-size: .88rem;
    background-color: #fff;
}

.base-info .weui-cell .header {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
}

.base-info .weui-cell__bd {
    color: #555;
    display: flex;display: -webkit-flex;
    justify-content: flex-end;-webkit-justify-content: flex-end;
}

.base-info .birthday .weui-cell__bd input {
    text-align: right;
}

.weui-switch-cp__input:checked~.weui-switch-cp__box, .weui-switch:checked {
    border-color: #FCD01D;
    background-color: #FCD01D;
}

.weui-actionsheet {
    z-index: 5003;
}

.no-data {
    width: 100%;
    height: 100%;
    display: flex;display: -webkit-flex;
    align-items: center;-webkit-align-items: center;
    flex-direction: column; -webkit-flex-direction: column;
    padding-top: 35%;
    background-color: #fff;
}

.no-data img {
    margin-bottom: 1rem;
}

.weui-picker__item {
    line-height: 25px;
}

.birthday-value {
    width: 100%;
    height: 100%;
    text-align: right;
}

.birthday-value.edit {
    text-align: left;
}